<template>
	<view class="page">
		<!-- 头部 -->
		<!-- #ifdef MP-WEIXIN -->
			<topVue>
				<image 
					src="../../static/back.png" 
					style="width: 38rpx; height: 38rpx; left: 30rpx;" 
					class="absolute-middle"
					@click="$tools.back(1)"
				></image>
				<text class="fw600 fs32 absolute-auto">个人主页</text>
			</topVue>
		<!-- #endif -->
		<view class="banner margin20">
			<view class="flex">
				<u-avatar src="100" size="72" mode="circle"></u-avatar>
				<view class="right flex-column flex-between">
					<view class="flex align-center">
						<view class="fw600">窦秀朗</view>
						<view class="padding-row20 fs24">微信号：iid88378</view>
					</view>
					<view class="sign line-1 fs24">与其抱怨老板关注细节，不如比老板更细节</view>
				</view>
			</view>
			<view class="tagVue flex flex-wrap">
				<u-tag
					text="26岁" 
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default"
					class="tag"/>
				<u-tag
					text="本科" 
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>
				<u-tag
					text="现居湖北武汉硚口区"
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>	
				<u-tag
					text="10-20W"
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>		
			</view>
		</view>
	
		<view class="info margin30">
			<view class="label fs24">个性签名</view>
			<view class="value fw600">与其抱怨老板关注细节，不如比老板更细节, 与其抱怨老板关注细节，不如比老板更细节,</view>
		</view>
		
		<view class="info margin30" style="padding: 30rpx 0 10rpx;">
			<view class="label fs24">形象详细资料</view>
			<view class="flex flex-wrap">
				<u-tag
					text="26岁" 
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default"
					class="tag"/>
				<u-tag
					text="本科" 
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>
				<u-tag
					text="现居湖北武汉硚口区"
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>	
				<u-tag
					text="10-20W"
					shape="circle" 
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>		
				<u-tag
					text="现居湖北武汉硚口区"
					shape="circle"
					bg-color="#81B1FF" 
					color="#fff" 
					border-color="#81B1FF" 
					size="default" 
					class="tag"/>	
			</view>
			
			
		</view>
		<view class="info margin30">
			<view class="label fs24">择偶要求</view>
			<view class="value fw600">25岁以上、年收入10W以上</view>
		</view>
		<view class="info margin30">
			<view class="label fs24">家庭简介</view>
			<view class="value fw600">温馨一家人</view>
		</view>
		<view class="info margin30">
			<view class="label fs24">兴趣爱好标签</view>
			<view class="value fw600">健身、跑步、游泳</view>
		</view>
		<view class="info margin30">
			<view class="label fs24">生活习惯</view>
			<view class="value fw600">不熬夜、不抽烟喝酒</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		}
	}
</script>

<style lang="less" scoped>
	.banner {
		width: 690rpx;
		background: #FCF7FB;
		box-shadow: 0px 4rpx 8rpx 0px rgba(255,255,255,0.5);
		border-radius: 16rpx;
		padding: 40rpx 40rpx 20rpx;
		.right {
			flex: 1;
			height: 72rpx;
			padding-left: 20rpx;
		}
		.tagVue {
			margin-top: 30rpx;
			.tag {
				margin: 0 20rpx 20rpx 0;
			}
		}
	}
	
	.info {
		width: 690rpx;
		padding: 30rpx 0;
		border-bottom: 1rpx solid #EEE;
		.label {
			margin-bottom: 30rpx;
		}
		.value {
			line-height: 1.4;
		}
		.tag {
			margin: 0 20rpx 20rpx 0;
		}
	}
</style>